import React from "react"
import { Dimensions, ProgressViewIOS } from "react-native"
import { px2dp } from "../../utils"

const screenW = Dimensions.get("window").width
export default function progressView(barProgress) {
  return (
    <ProgressViewIOS
      style={{
        marginStart: px2dp(20),
        marginEnd: px2dp(20),
        width: screenW - 40,
        borderRadius: 8
      }}
      progress={barProgress}
      progressTintColor={"#30B1E4"}
      trackTintColor={"#244EAC"}
    />
  )
}
